<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="../../attr.jsp" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!doctype html>
<html>
<meta http-equiv="X-UA-Compatible" content="IE=emulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="${ctx}/css/sapar.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/css/common.css" />
<script type="text/javascript" src="${ctx}/js/jquery.js"></script>
<script type="text/javascript" src="${ctx}/js/sapar.js"></script>
<script type="text/javascript" src="${ctx}/js/WdatePicker.js"></script>
<script type="text/javascript" src="${ctx}/assets/layer/layer.js"></script>
<title>回收管理</title>
</head>

<body>
    <div id="saper-container">
        <div id="saper-hd"></div>
        <div id="saper-bd">
            <div class="subfiled clearfix">
                <h2>回收管理</h2>
            </div>
            <div class="subfiled-content">
                <div class="search-box clearfix">
                    <div class="kv-item clearfix">
                        <label>回收：</label>
                        <div class="kv-item-content">
                            <input type="text" id="searchTxt" name="searchTxt" placeholder="回收包"  class="search_text">
                        </div>
                    </div>
                </div>
                

                <!--表格开始-->
                <div class="table">
                    <!--表格操作-->
                    <!-- <div class="table-operate ue-clear">
                        <a href="javascript:;" class="add">添加</a>
						<a href="javascript:;" class="edit">修改</a>
                        <a href="javascript:;" class="del">删除</a>
                    </div> -->
                    <!--表格具体内容-->
                    <div class="table-box">
                        <table>
                            <thead>
                                <tr>
                               		<th>包编号</th>
                                    <th>数量</th>

                                </tr>
                            </thead>
                            <tbody>
                            	 
                            </tbody>
                        </table>
                    </div>
                    <div class="kv-item clearfix">
                         <div class="kv-item-content">
                             <a href="javascript:;"    class="sapar-btn sapar-btn-recom query-btn" id="save" >保存</a>
                         </div>
                  </div>
                </div><!--表格结束-->
            </div>
        </div>
        <div id="saper-ft">
       	 	 
        </div>
    </div>
    
</body>

<%--<SCRIPT type="text/javascript">--%>
    <%--function Map() {--%>
        <%--this.elements = new Array();--%>
        <%--//获取MAP元素个数--%>
        <%--this.size = function() {--%>
            <%--return this.elements.length;--%>
        <%--};--%>
        <%--//判断MAP是否为空--%>
        <%--this.isEmpty = function() {--%>
            <%--return (this.elements.length < 1);--%>
        <%--};--%>
        <%--//删除MAP所有元素--%>
        <%--this.clear = function() {--%>
            <%--this.elements = new Array();--%>
        <%--};--%>
        <%--//向MAP中增加元素（key, value)--%>
        <%--this.put = function(_key, _value) {--%>
            <%--this.elements.push( {--%>
                <%--key : _key,--%>
                <%--value : _value--%>
            <%--});--%>
        <%--};--%>
        <%--//删除指定KEY的元素，成功返回True，失败返回False--%>
        <%--this.remove = function(_key) {--%>
            <%--var bln = false;--%>
            <%--try {--%>
                <%--for (i = 0; i < this.elements.length; i++) {--%>
                    <%--if (this.elements[i].key == _key) {--%>
                        <%--this.elements.splice(i, 1);--%>
                        <%--return true;--%>
                    <%--}--%>
                <%--}--%>
            <%--} catch (e) {--%>
                <%--bln = false;--%>
            <%--}--%>
            <%--return bln;--%>
        <%--};--%>
        <%--//获取指定KEY的元素值VALUE，失败返回NULL--%>
        <%--this.get = function(_key) {--%>
            <%--try {--%>
                <%--for (i = 0; i < this.elements.length; i++) {--%>
                    <%--if (this.elements[i].key == _key) {--%>
                        <%--return this.elements[i].value;--%>
                    <%--}--%>
                <%--}--%>
            <%--} catch (e) {--%>
                <%--return null;--%>
            <%--}--%>
        <%--};--%>
        <%--//获取指定索引的元素（使用element.key，element.value获取KEY和VALUE），失败返回NULL--%>
        <%--this.element = function(_index) {--%>
            <%--if (_index < 0 || _index >= this.elements.length) {--%>
                <%--return null;--%>
            <%--}--%>
            <%--return this.elements[_index];--%>
        <%--};--%>
        <%--//判断MAP中是否含有指定KEY的元素--%>
        <%--this.containsKey = function(_key) {--%>
            <%--var bln = false;--%>
            <%--try {--%>
                <%--for (i = 0; i < this.elements.length; i++) {--%>
                    <%--if (this.elements[i].key == _key) {--%>
                        <%--bln = true;--%>
                    <%--}--%>
                <%--}--%>
            <%--} catch (e) {--%>
                <%--bln = false;--%>
            <%--}--%>
            <%--return bln;--%>
        <%--};--%>
        <%--//判断MAP中是否含有指定VALUE的元素--%>
        <%--this.containsValue = function(_value) {--%>
            <%--var bln = false;--%>
            <%--try {--%>
                <%--for (i = 0; i < this.elements.length; i++) {--%>
                    <%--if (this.elements[i].value == _value) {--%>
                        <%--bln = true;--%>
                    <%--}--%>
                <%--}--%>
            <%--} catch (e) {--%>
                <%--bln = false;--%>
            <%--}--%>
            <%--return bln;--%>
        <%--};--%>
        <%--//获取MAP中所有VALUE的数组（ARRAY）--%>
        <%--this.values = function() {--%>
            <%--var arr = new Array();--%>
            <%--for (i = 0; i < this.elements.length; i++) {--%>
                <%--arr.push(this.elements[i].value);--%>
            <%--}--%>
            <%--return arr;--%>
        <%--};--%>
        <%--//获取MAP中所有KEY的数组（ARRAY）--%>
        <%--this.keys = function() {--%>
            <%--var arr = new Array();--%>
            <%--for (i = 0; i < this.elements.length; i++) {--%>
                <%--arr.push(this.elements[i].key);--%>
            <%--}--%>
            <%--return arr;--%>
        <%--};--%>
    <%--}--%>

    <%--$(function(){--%>
        <%--var map = new Map();--%>
        <%--map.put("key", "value");--%>
        <%--map.put("key1", "value1");--%>
        <%--map.put("key2", "value2");--%>
        <%--map.put("key3", "value3");--%>
        <%--var val = map.get("key2")--%>
<%--//        alert(val);--%>
    <%--});--%>
<%--</SCRIPT>--%>

<script type="text/javascript">
  	var peibao = "";
  	var lan = "";

  	var baoArray = new Array();
//  	var zhuisu = new Map();
  	String.prototype.startWith = function(compareStr){
  		return this.indexOf(compareStr) == 0;
  	}
	document.onkeydown=function(event){
		var e = event || window.event || arguments.callee.caller.arguments[0];
		if(e && e.keyCode==27){ // 按 Esc 
		//要做的事情
		}
		if(e && e.keyCode==113){ // 按 F2 
		//要做的事情
		}


		if(e && e.keyCode==13){ // enter 键
			//要做的事情
			var text1 = $("#searchTxt").val();
			if((text1.startWith('R')||text1.startWith("C"))&&text1.length==11){
				peibao = text1;
			}else if(text1.startWith("WL")&&text1.length==7){
				lan = text1;
                $(".query-btn").click();
			}else{
				alert("没有符合的条码");
			}
			if(peibao !=null ){
//			    debugger
//                if(zhuisu.containsKey(peibao)){
//                    zhuisu.put(peibao,map.get(peibao)+1);
//                }else{
//                    zhuisu.put(peibao,1);
//                }
                baoArray.push(peibao);
//                var str ="";
//                $(".table-box tbody").empty();
//                for(var key in zhuisu){
//                    var tiaoma = key;
//                    var num = zhuisu.get(tiaoma);
//                    str += "<tr><td>"+tiaoma+"</td><td>"+num+"</td></tr>";
//                }
                var str = "<tr><td>"+peibao+"</td></tr>";
                $(".table-box tbody").append(str);

				// 清空配包的属性
				peibao = "";
			}
			$("#searchTxt").val('');
		}
	}; 
	window.onload = function(){
		$("#searchTxt").focus();
	}
	$(function(){
		
		$(".query-btn").click(function(){
			var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
// 			$(".table-box tbody tr td").each(function(){
// 			})
            var ok = true;

            if(lan==null||lan==""){
                alert("请扫描网篮");
                ok = false;
            }
            if(baoArray.length==0){
                alert("请先扫描包的条码");
                ok = false;
            }
            if(ok){
                parent.callbackPackData(baoArray,lan);
                parent.layer.close(index);
            }

		})
		
	})
</script>
</html>